<!-- subpkg_medicine/pay_result/index.vue -->
<script lang="ts" setup>
  import { useMedicalDetail } from '@/hooks/order'

  // 定义 Props
  interface Props {
    orderId: string
  }
  // 接收 Props
  const props = defineProps<Props>()
  // 调用hooks内部方法获取订单详情
  const {medicineOrderDetail} = useMedicalDetail(props.orderId)
</script>
<template>
  <view class="pay-result-page">
    <view class="result" v-if="medicineOrderDetail.status !=10">
      <uni-icons size="70" color="#20c6b2" type="checkbox-filled" />
      <view class="amount">¥ {{ medicineOrderDetail.actualPayment }}</view>
      <view class="label">支付成功</view>
      <view class="tips">订单支付成功，已通知药房尽快发出，请耐心等待~</view>
    </view>
    <view class="result" v-else>
      <uni-icons size="70" color="#20c6b2" type="closeempty" />
      <view class="amount">¥ {{ medicineOrderDetail.actualPayment }}</view>
      <view class="label">支付失败</view>
      <view class="tips">订单支付失败，请回订单中心重新支付~</view>
    </view>

    <view class="buttons">
      <navigator
        hover-class="none"
        :url="`/subpkg_medicine/order_detail/order_detail?id=${medicineOrderDetail.id}`"
        class="uni-button"
      >
        查看订单
      </navigator>
      <navigator
        hover-class="none"
        url="/subpkg_consult/room/room"
        open-type="redirect"
        class="uni-button plain"
      >
        返回诊室
      </navigator :to="`subpkg_consult/room/room?orderId=${medicineOrderDetail.roomId}`">
    </view>
  </view>
</template>

<style lang="scss">
  @import './index.scss';
</style>
